﻿@using Telerik.Web.Mvc.UI
@model qltscd.Models.PhieuNhapModel
@{
    ViewBag.Title = "NhapTheoHoaDon";
    Layout = "~/Views/Shared/Modules/_LayoutTacVuNhapLieu.cshtml";
}
<div>
    <h1>
        Nhập theo hợp đồng
    </h1>
</div>
<div class="top_row">
    <fieldset>
        <legend>Thông tin chung</legend>
        <table border="0" width="100%" cellpadding="15px" cellspacing="15px">
            <tr>
                <td style="width: 15%; margin-left: 15px;" class="label_col">
                    Mã NCC
                </td>
                <td style="width: 30%;">
                    <input type="text" style="width: 95%" />
                </td>
                <td class="label_col" style="margin-left: 15px;">
                    Ngày
                </td>
                <td>
                    @(Html.Telerik().DatePicker()
                            .Name("Ngay")
                            .HtmlAttributes(new { @style = "width:100%;" })
                            .InputHtmlAttributes(new { @style = "width:100%;" })
                            )
                </td>
            </tr>
            <tr>
                <td style="width: 15%; margin-left: 15px;" class="label_col">
                    Mã NCC
                </td>
                <td style="width: 30%;">
                    <select style="width: 100%;">
                        <option selected="selected">Chọn nhà cung cấp</option>
                        <option>IBM</option>
                        <option>HP</option>
                        <option>Oracel</option>
                        <option>DELL</option>
                        <option>Lenovo</option>
                        <option>Acer</option>
                    </select>
                </td>
                <td style="width: 15%; margin-left: 15px;" class="label_col">
                    Tên
                </td>
                <td style="width: 30%;">
                    <select style="width: 100%;">
                        <option selected="selected">Chọn tên</option>
                        <option>Nguyễn Văn A</option>
                        <option>Trần Thị B</option>
                        <option>Lê Văn C</option>
                        <option>Nguyễn Thị D</option>
                        <option>Cao Văn T</option>
                        <option>ABC</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td class="label_col" style="margin-left: 15px;">
                    Địa chỉ
                </td>
                <td colspan="3">
                    <input type="text" style="width: 98%" />
                </td>
            </tr>
            <tr>
                <td style="width: 15%; margin-left: 15px;" class="label_col">
                    Mã số thuế
                </td>
                <td style="width: 30%;">
                    <input type="text" style="width: 95%" />
                </td>
                <td style="width: 15%; margin-left: 15px;" class="label_col">
                    Số ĐT
                </td>
                <td style="width: 30%;">
                    <input type="text" style="width: 95%" />
                </td>
            </tr>
            <tr>
                <td style="width: 15%; margin-left: 15px;" class="label_col">
                    Người nhận
                </td>
                <td style="width: 30%;">
                    <input type="text" style="width: 95%" />
                </td>
                <td style="width: 15%; margin-left: 15px;" class="label_col">
                    Ghi chú
                </td>
                <td style="width: 30%;">
                    <input type="text" style="width: 95%" />
                </td>
            </tr>
        </table>
    </fieldset>
</div>
<div class="bottom_row">
    @{Html.Telerik().Grid(Model.ThietBis)
            .Name("grdThietBi")
            .DataKeys(keys => keys.Add(c => c.MaThietBi))
            .ToolBar(t => {
                t.Insert().ButtonType(GridButtonType.ImageAndText).Text("Thêm thiết bị");
                t.SubmitChanges().ButtonType(GridButtonType.ImageAndText)
                    .CancelText("Hủy bỏ")
                    .SaveText("Lưu");
                t.Custom()
                   .Text("Xóa người dùng được đánh dấu")
                   .ButtonType(GridButtonType.ImageAndText)
                   .ImageHtmlAttributes(new { @style = "background-image: url('./../../../../../QuanLyThietBi/Content/Images/cross.png')" });
            })
            .Selectable()
            .DataBinding(binding => {
                binding.Server()
                    .Select("NhapTheoHoaDon", "ThietBi");
                binding.Ajax()
                    .Select("_NhapTheoHoaDon", "ThietBi")
                    .Insert("_Insert", "ThietBi")
                    .Update("_Update", "ThietBi")
                    .Delete("_Delete", "ThietBi");
            })
            .Editable(editing => editing.Mode(GridEditMode.InCell))
            .Columns(col => {
                col.Template(
                @<text>
                    <input name="checkedRecords" type="checkbox" title="checkedRecords"
                    />
                </text>)
                .ClientTemplate("<input name='checkedRecords' type='checkbox' title='checkedRecords'")
                .Width(30);
                col.Bound(c => c.TenThietBi).Title("Tên hàng");
                col.Bound(c => c.KhoHang).Title("Kho hàng");
                col.Bound(c => c.DonVi).Title("Đơn vị");
                col.Bound(c => c.SoLuong).Title("Số lượng");
                col.Bound(c => c.DonGia).Title("Đơn giá");
                col.Bound(c => c.ThanhTien).Title("Thành tiền").Format("VNĐ {0:#,##}").HtmlAttributes(new { @disabled = "disabled" });
            })
            .Pageable(paging => paging.Enabled(true).Style(GridPagerStyles.NextPreviousAndInput).PageSize(7))
            .Render();
    }
</div>
<div style="width:100%; height: auto; text-align:center; margin-top: 15px;">
    <input type="button" value="Lưu" class="button"/>&nbsp;
    <input type="button" value="Lưu và nhập mới" class="button"/>&nbsp;
    <input type="reset" value="Nhập lại" class="button"/>&nbsp;
</div>
<style type="text/css">
    .top_row
    {
        width: 100%;
        position: relative;
        display: block;
        height: 350px;
    }
    
    .bottom_row
    {
        width: 100%;
        position: relative;
        display: block;
        height: auto;
    }
    .top_right_col
    {
        width: 35%;
        position: relative;
        height: 100%;
        display: inline;
        float: right;
    }
    
    .top_left_col
    {
        width: 65%;
        position: relative;
        height: 100%;
        display: inline;
        float: left;
    }
    .bottom_right_col
    {
        width: 25%;
        position: relative;
        height: 100%;
        display: inline;
        float: right;
    }
    .bottom_left_col
    {
        width: 75%;
        position: relative;
        height: 100%;
        display: inline;
        float: right;
    }
    fieldset
    {
        height: 85%;
        line-height: 38px;
    }
    .label_col
    {
        font-weight: bold;
        text-align: right;
        font-style: italic;
        margin-right: 5px;
    }
</style>
